<template>
	<div class="wrap-table">
		<!--按需加载-->
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="重置日程" name="first" :lazy="true">
				<reset-info :change-index="changeIndex" ref="childMethod"></reset-info>
			</el-tab-pane>
			<el-tab-pane label="转移社区" name="second" :lazy="true">
				<transfor-info :change-index="changeIndex"></transfor-info>
			</el-tab-pane>
			<el-tab-pane label="健康现况" name="there" :lazy="true">
				<health-info :change-index="changeIndex"></health-info>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
import resetInfo from './reset.vue'  //重置日程日志
import transforInfo from './transfor.vue'  //重置日程日志
import  healthInfo from './health.vue'   //健康现况
export default {
    data() {
        return {
	        activeName: 'first',
	        changeIndex:'0',
        }
    },
    components:{
	    resetInfo,
	    transforInfo,
	    healthInfo
    },
    created() {
        
    },
    methods: {
	    handleClick(tab, event) {   //切换tab
		    let index=tab.index;
		    this.changeIndex=index;
	    },
    }
  }
</script>
<style>
   
</style>
